
<HTML>
<HEAD>
<TITLE>
Fifth Test of Section 2.0 of CSS1 Specification</TITLE>


<STYLE TEXT="text/css">
A:link {color: lime}
A:visited {color: maroon}
P:first-line {font-style: small-caps}
P:first-letter {font-size: 200%; float: left;}
</STYLE>
</HEAD>


<BODY>

<h1 >
Testing Fifth Testable Statement of Section 2.0 of CSS1 Spec
</h1>


<ul>
<li >
5. Pseudo-elements are used to address sub-parts of elements, while
pseudo-classes allow style sheets to differentiate between different 
element types.
</ul>




<h2 >"PASS" CRITERIA:
</h2>
If statement #4 above is passed, then:
<A CLASS=link HREF="ovalbbut.gif">This link</a> is lime if unvisited; the pseudo-class is
"A:link {color: lime}". <A CLASS=visited HREF="ovalbbut.gif">This link</a> is
maroon if visited; the pseudo-class is "A:visited {color: maroon}".  
The differentiation is between different instances of "A".
<p>
The first line of this paragraph should have small caps font style.
The remaining lines should be UA-default.  The pseudo-element applied is
"P:first-line {font-style: small-caps}".
This addresses a sub-part of the element "p".
</p>
<p>
<span>
T
he first
</span>
two words of this paragraph have a large "T" to start,
followed by capital letters for the first two words.  The pseudo-element
applied is "P:first-letter {font-size: 200%; float-left;}".  Everything 
else is UA-default.
This addresses a sub-part of the element "p".
Your browser rendering of this page should be similar to this 
<a href="a204.gif">reference image</a> or to this <a href="b204.gif">reference
image</a>.
</p>

</BODY>
</HTML>
